import styles from './item.module.css'
import Images from './image/1.jpg'
console.log(styles)
function Box() {
  return (<div className={styles.Box}>
      <TitleImg></TitleImg>
      <Title></Title>
      <Textbox></Textbox>
      <Buttomdiv></Buttomdiv>
  </div>)
}
function TitleImg(){
    return <div className={styles.imgs}><img src={Images} alt="" className={styles.imgss}/></div>
}
function Title(){
    return (<div className={styles.aibox}>
    <p className={styles.title}>哎呀音乐</p>
        <p className={styles.time}>18分钟前</p>
    </div>)
}
function Textbox(){
    return (<div className={styles.textbox}>
        <img src={Images} alt="" className={styles.left}/>
        <div className={styles.right}>
            <h3>爱的色放科马里可能达妇女慢点v你</h3>
            <p>大师傅立刻你的房间那时就放你那是的基本,空间分布金额可丹麦芬兰</p>
            <div style={{float:'left',marginRight:'20px'}} ><img src={Images} alt="" className={styles.iconImg}/><span>33</span></div>
            <div style={{float:'left',marginRight:'20px'}} ><img src={Images} alt="" className={styles.iconImg}/><span>0</span></div>
        </div>
    </div>)
}
function Buttomdiv(){
    return (
        <div className={styles.buttomdiv}>
            <div style={{float:'left',marginRight:'30px'}} ><img src={Images} alt="" className={styles.buttomimg}/><p className={styles.buttomspan}>转发</p></div>
            <div style={{float:'left',marginRight:'30px'}} ><img src={Images} alt="" className={styles.buttomimg}/><p className={styles.buttomspan}>评论</p></div>
            <div style={{float:'left',marginRight:'30px'}} ><img src={Images} alt="" className={styles.buttomimg}/><p className={styles.buttomspan}>点赞</p></div>
        </div>
    )
}

export default Box
